import { Theme } from "@/hooks/interface";

export const headerTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
  light: {
    "--el-header-logo-text-color": "rgba(0, 0, 0, 0.85)",
    "--el-header-bg-color": "#ffffff",
    "--el-header-text-color": "#303133",
    "--el-header-text-color-regular": "#606266",
    "--el-header-border-color": "#e4e7ed",
    "--el-header-menu-text-color": "rgba(0, 0, 0, 0.45)",
    "--el-header-menu-shadow-color": "rgba(223, 227, 235, 1)",
    "--el-menu-item-font-size": "14px"
  },
  inverted: {
    "--el-header-logo-text-color": "rgba(0, 0, 0, 0.85)",
    "--el-header-bg-color": "#191a20",
    "--el-header-text-color": "#e5eaf3",
    "--el-header-text-color-regular": "#cfd3dc",
    "--el-header-border-color": "#414243",
    "--el-header-menu-text-color": "rgba(0, 0, 0, 0.45)",
    "--el-header-menu-shadow-color": "rgba(223, 227, 235, 1)",
    "--el-menu-item-font-size": "14px"
  },
  dark: {
    "--el-header-logo-text-color": "rgba(255, 255, 255, 0.85)",
    "--el-header-bg-color": "rgba(45, 53, 74, 1)",
    "--el-header-text-color": "#e5eaf3",
    "--el-header-text-color-regular": "#cfd3dc",
    "--el-header-border-color": "#414243",
    "--el-header-menu-text-color": "rgba(255, 255, 255, 0.45)",
    "--el-header-menu-shadow-color": "rgba(32, 38, 51, 1)",
    "--el-menu-item-font-size": "14px"
  }
};
